.box {
  display: flex;
  justify-content: space-between;

  .left {
    width: 40%;
    height: auto;
    background-color: white;

    h3 {
      line-height: 50px;
      padding-left: 20px;
      border-bottom: 1px solid #ccc;
    }

    .form {
      padding: 20px;

      p {
        width: 100%;
        line-height: 30px;

        input {
          width: 100%;
          height: 30px;
          border: 1px solid #BFBFBF;
          margin-bottom: 10px;
        }

        input:visited {
          border: 1px solid #09f;
          // box-shadow: 3px #09f;
        }

        input:hover {
          border: 1px solid #09f
        }

        button {
          border: none;
          background-color: #0188FB;
          color: white;
          width: 70px;
        }

        button:hover {
          background-color: #29A2FF;
        }

        button:active {
          background-color: #006AD4;
        }

        button:visited {
          background-color: #29A2FF;
        }
      }
    }
  }

  .right {
    width: 59%;
    height: auto;
    background-color: white;

    h3 {
      line-height: 50px;
      padding-left: 20px;
      border-bottom: 1px solid #ccc;
    }

    .all {
      padding: 20px;

      button {
        background-color: white;
        border: 1px solid #BFBFBF;
        color: #aaa;
        margin: 5px;
      }

      button:hover {
        color: white;
        background-color: #0188FB;
        border: 1px solid #0188FB;
      }
    }
  }
}
